<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8"/>
    <title>学员管理-学员列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="../superui/content/ui/global/bootstrap/css/bootstrap.min.css"
          th:href="@{/superui/content/ui/global/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../superui/content/ui/global/font-awesome/css/font-awesome.css"
          th:href="@{/superui/content/ui/global/font-awesome/css/font-awesome.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/AdminLTE.css"
          th:href="@{/superui/content/adminlte/dist/css/AdminLTE.css}"/>
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/skins/_all-skins.min.css"
          th:href="@{/superui/content/adminlte/dist/css/skins/_all-skins.min.css}"/>
    <link rel="stylesheet" href="../superui/content/min/css/supershopui.common.min.css"
          th:href="@{/superui/content/min/css/supershopui.common.min.css}"/>
    <link rel="stylesheet" href="../superui/content/plugins/bootstrap-table/bootstrap-table.css"
          th:href="@{/superui/content/plugins/bootstrap-table/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../css/global.css"
          th:href="@{/css/global.css}"/>
    <!--全局通用框架样式 end-->
    <!-- iCheck -->
    <link rel="stylesheet" href="../superui/content/plugins/iCheck/square/blue.css"
          th:href="@{/superui/content/plugins/iCheck/square/blue.css}"/>

    <link rel="stylesheet" href="../../js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"
          th:href="@{/js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
</head>
<body>
<section class="content-header">
    <h1>
        学员管理
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">学员管理</a></li>
        <li class="active">学员列表</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PORTLET-->
            <div class="box-body">
                <div class="panel panel-default no-margin">
                    <div class="panel-body search-box">
                        <form id="formSearch" class="form-horizontal">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="txt_search_name" class="col-sm-4 control-label">学员用户名</label>
                                    <div class="col-sm-8">
                                        <input id="txt_search_name" name="name" class="form-control" type="text" value=""
                                               placeholder="请输入学员用户名">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label"></label>
                                    <div class="col-sm-9">
                                        <button type="button" class="btn btn-default" id="btn-search" onclick="clickSearch()">
                                            <i class="fa  fa-search"></i>
                                            查询
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div id="vipUserTableToolbar" class="btn-group">
                    <button id="btn_excel_export" type="button" class="btn btn-primary">
                        <span class="fa fa-share-square-o" aria-hidden="true"></span>学员信息导出
                    </button>
                </div>

                <div class="table-scrollable">
                    <table class="table-striped table-hover" id="vipUserTable">

                    </table>
                </div>
            </div>
            <!-- END SAMPLE TABLE PORTLET-->

            <div id="vipUserInfoDialog" class="hide">
                <form id="frmMain" class="form-horizontal">
                    <div class="box-body" style="width: 99%">
                        <input type="hidden" id="id" name="id" value="">
                        <div class="form-group">
                            <label for="username" class="col-sm-3 control-label necessary">登录名称</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="username" name="username" placeholder="学员登录名称"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name" class="col-sm-3 control-label necessary">用户名</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="name" name="name" placeholder="请输入用户名"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sex" class="col-sm-3 control-label necessary">性别</label>
                            <div class="col-sm-7">
                                <select class="form-control" id="sex" name="sex">
                                    <option value="0">未知</option>
                                    <option value="1">男</option>
                                    <option value="2">女</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="phone" class="col-sm-3 control-label necessary">手机号码</label>
                            <div class="col-sm-7">
                                <input type="phone" class="form-control" id="phone" name="phone" placeholder="请输入手机号码"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="email" class="col-sm-3 control-label necessary">邮箱</label>
                            <div class="col-sm-7">
                                <input type="email" class="form-control" id="email" name="email" placeholder="请输入邮箱"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="grade" class="col-sm-3 control-label necessary">年级</label>
                            <div class="col-sm-7">
                                <select class="form-control" id="grade" name="grade">
                                    <option value="1">一年级</option>
                                    <option value="2">二年级</option>
                                    <option value="3">三年级</option>
                                    <option value="4">四年级</option>
                                    <option value="5">五年级</option>
                                    <option value="6">六年级</option>
                                    <option value="7">初一</option>
                                    <option value="8">初二</option>
                                    <option value="9">初三</option>
                                    <option value="10">高一</option>
                                    <option value="11">高二</option>
                                    <option value="12">高三</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="classes" class="col-sm-3 control-label necessary">班级</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="classes" name="classes" placeholder="请输入班级"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="school" class="col-sm-3 control-label necessary">学校</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="school" name="school" placeholder="请输入学校"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="parentsName" class="col-sm-3 control-label necessary">家长姓名</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="parentsName" name="parentsName" placeholder="请输入家长姓名"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="parentsRelation" class="col-sm-3 control-label necessary">亲属关系</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="parentsRelation" name="parentsRelation" placeholder="请输入亲属关系"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="parentsPhone" class="col-sm-3 control-label necessary">家长联系电话</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="parentsPhone" name="parentsPhone" placeholder="请输入家长联系电话"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="signature" class="col-sm-3 control-label ">个性签名</label>
                            <div class="col-sm-7">
                                <textarea type="text" class="form-control" id="signature" name="signature" placeholder="请选择个性签名"></textarea>
                            </div>
                        </div>
                    </div>
                </form>
            </div><!-- /.modal -->
        </div>
    </div>

</section>
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.2.3 -->
<script src="../superui/content/ui/global/jQuery/jquery.min.js"
        th:src="@{/superui/content/ui/global/jQuery/jquery.min.js}"></script>
<!-- Bootstrap 3.3.6 -->

<script src="../superui/content/ui/global/bootstrap/js/bootstrap.min.js"
        th:src="@{/superui/content/ui/global/bootstrap/js/bootstrap.min.js}"></script>
<!--supershopui-->
<script src="../superui/content/min/js/supershopui.common.js"
        th:src="@{/superui/content/min/js/supershopui.common.js}"></script>

<!--bootstrap-table-->
<script src="../superui/content/plugins/bootstrap-table/bootstrap-table.js"
        th:src="@{/superui/content/plugins/bootstrap-table/bootstrap-table.js}"></script>
<script src="../superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"
        th:src="@{/superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<script src="../js/assets/common/bootstrap-table-object.js"
        th:src="@{/js/assets/common/bootstrap-table-object.js}"></script>
<!-- iCheck -->
<script src="../superui/content/plugins/iCheck/icheck.min.js"
        th:src="@{/superui/content/plugins/iCheck/icheck.min.js}"></script>
<script src="./../../js/assets/common/Feng.js"
        th:src="@{/js/assets/common/Feng.js}"></script>
<!-- 请求脚本-->
<script src="./../../js/assets/common/ajax-util.js"
        th:src="@{/js/assets/common/ajax-util.js}"></script>
<!-- 请求脚本-->
<script src="./../../js/assets/common/common.js"
        th:src="@{/js/assets/common/common.js}"></script>
<script src="../../js/assets/lib/numeral/numeral.min.js"
        th:src="@{/js/assets/lib/numeral/numeral.min.js}"></script>

<!--bootsrtap日历控件脚本-->
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js}"></script>

<script th:inline="javascript">
    /*<![CDATA[*/
    var baseUrl = [[${#httpServletRequest.getContextPath()}]];
    //    var baseUrl = [[@{/}]];
    if (baseUrl === '/') baseUrl = '';
    Feng.addCtx(baseUrl);
    /*]]>*/
</script>

<!-- 学员列表脚本-->
<script src="./../../js/vipuser/list/viplist.js"
        th:src="@{/js/vipuser/list/viplist.js}"></script>
<script src="./../../js/vipuser/list/vipuser_info.js"
        th:src="@{/js/vipuser/list/vipuser_info.js}"></script>
</body>
</html>